<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=0.5, maximum-scale=0.5, minimum-scale=0.5">
    <title>Title</title>
    <link rel="stylesheet" href="css/bootstrap.css" />
    <link rel="stylesheet" href="css/common.css" />
    <link rel="stylesheet" href="css/Detail.css" />
    <script src="froala_editor_2.7.0/jquery1.11.0.min.js"></script>
    <!--<script src="../js/bootstrap.js"></script>-->
    <link rel="stylesheet" href="froala_editor_2.7.0/css/font-awesome.min.css">
    <!--<link rel="stylesheet" href="froala_editor_2.7.0/css/froala_editor.css">-->
    <!--<link rel="stylesheet" href="froala_editor_2.7.0/css/froala_style.css">-->
    <link rel="stylesheet" href="froala_editor_2.7.0/css/plugins/code_view.css">
    <!--<link rel="stylesheet" href="froala_editor_2.7.0/css/plugins/draggable.css">-->
    <link rel="stylesheet" href="froala_editor_2.7.0/css/plugins/colors.css">
    <!--<link rel="stylesheet" href="froala_editor_2.7.0/css/plugins/emoticons.css">-->
    <!--<link rel="stylesheet" href="froala_editor_2.7.0/css/plugins/image_manager.css">-->
    <link rel="stylesheet" href="froala_editor_2.7.0/css/plugins/image.css">
    <link rel="stylesheet" href="froala_editor_2.7.0/css/plugins/line_breaker.css">
    <link rel="stylesheet" href="froala_editor_2.7.0/css/plugins/table.css">
    <link rel="stylesheet" href="froala_editor_2.7.0/css/plugins/char_counter.css">
    <link rel="stylesheet" href="froala_editor_2.7.0/css/plugins/video.css">
    <!--<link rel="stylesheet" href="froala_editor_2.7.0/css/plugins/fullscreen.css">-->
    <!--<link rel="stylesheet" href="froala_editor_2.7.0/css/plugins/file.css">-->
    <!--<link rel="stylesheet" href="froala_editor_2.7.0/css/plugins/quick_insert.css">-->
    <!--<link rel="stylesheet" href="froala_editor_2.7.0/css/plugins/help.css">-->
    <!--<link rel="stylesheet" href="froala_editor_2.7.0/css/third_party/spell_checker.css">-->
    <!--<link rel="stylesheet" href="froala_editor_2.7.0/css/plugins/special_characters.css">-->
    <!--<link rel="stylesheet" href="froala_editor_2.7.0/codemirror.min.css">-->


    <!--<script type="text/javascript" src="js/jquery-3.1.1.js" ></script>-->


</head>
<body>
    <!--header部分-->
    <div class="head"></div>

    <!--内容部分-->
    <article>
        <div class="container content">
            <div class="custom-content">
                <div class="row">
                    <div class="col-md-12 col-sm-12 col-xs-12  custom-detail-articletitle">
                        <h3 id="custom-article-title">秒速五厘米</h3>
                        <h4 id="custom-article-date">2015-10-01 10:18:34</h4>
                        <h5>历史浏览：</h5>
                    </div>
                </div>

                <div class="row">
                    <div class="col-md-12 col-sm-12 col-xs-12 custom-article-content" id="article_content">
                    </div>
                </div>

                <div class="row">
                    <div class="col-md-10 col-sm-10 col-xs-10 custom-article-bottom">
                        <h5 id="keyword">关键字词：个人历程</h5>
                        <h5>上一篇：<a href="#" id="prev-article">如果樱花飘落的速度是每秒5厘米的话，那两颗心要多久才能靠近？</a></h5>
                        <h5>下一篇：<a href="#" id="next-article">如果樱花飘落的速度是每秒5厘米的话，那两颗心要多久才能靠近？</a></h5>
                    </div>
                </div>

                <div class="row">
                    <div class="col-md-10 col-sm-10 col-xs-10">
                        <h2 class="custom-title-style">相关文章</h2>
                        <p><a href="" class="custom-article-xgwz">如果樱花飘落的速度是每秒5厘米的话，那两颗心要多久才能靠近？</a></p>
                        <p><a href="" class="custom-article-xgwz">如果樱花飘落的速度是每秒5厘米的话，那两颗心要多久才能靠近？</a></p>
                        <p><a href="" class="custom-article-xgwz">如果樱花飘落的速度是每秒5厘米的话，那两颗心要多久才能靠近？</a></p>
                    </div>
                </div>

            </div>
        </div>
    </article>

    <!--底部（页脚）-->
    <div class="custom-footer"></div>

    <!--<script src="js/jquery1.11.0.min.js"></script>-->
    <!--<script src="../froala_editor_2.7.0/codemirror.min.js"></script>-->
    <!--<script src="../froala_editor_2.7.0/xml.min.js"></script>-->
    <!--&lt;!&ndash;<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>&ndash;&gt;-->
    <!--&lt;!&ndash;<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.3.0/codemirror.min.js"></script>&ndash;&gt;-->
    <!--&lt;!&ndash;<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.3.0/mode/xml/xml.min.js"></script>&ndash;&gt;-->
    <!--<script src="../froala_editor_2.7.0/js/froala_editor.min.js"></script>-->
    <!--<script src="../froala_editor_2.7.0/js/plugins/align.min.js"></script>-->
    <!--<script src="../froala_editor_2.7.0/js/plugins/char_counter.min.js"></script>-->
    <!--<script src="../froala_editor_2.7.0/js/plugins/code_beautifier.min.js"></script>-->
    <!--<script src="../froala_editor_2.7.0/js/plugins/code_view.min.js"></script>-->
    <!--<script src="../froala_editor_2.7.0/js/plugins/colors.min.js"></script>-->
    <!--<script src="../froala_editor_2.7.0/js/plugins/draggable.min.js"></script>-->
    <!--<script src="../froala_editor_2.7.0/js/plugins/emoticons.min.js"></script>-->
    <!--<script src="../froala_editor_2.7.0/js/plugins/entities.min.js"></script>-->
    <!--<script src="../froala_editor_2.7.0/js/plugins/file.min.js"></script>-->
    <!--<script src="../froala_editor_2.7.0/js/plugins/font_family.min.js"></script>-->
    <!--<script src="../froala_editor_2.7.0/js/plugins/font_size.min.js"></script>-->
    <!--<script src="../froala_editor_2.7.0/js/plugins/fullscreen.min.js"></script>-->
    <!--<script src="../froala_editor_2.7.0/js/plugins/forms.min.js"></script>-->
    <!--<script src="../froala_editor_2.7.0/js/plugins/help.min.js"></script>-->
    <!--<script src="../froala_editor_2.7.0/js/plugins/image.min.js"></script>-->
    <!--<script src="../froala_editor_2.7.0/js/plugins/image_manager.min.js"></script>-->
    <!--<script src="../froala_editor_2.7.0/js/plugins/inline_style.min.js"></script>-->
    <!--<script src="../froala_editor_2.7.0/js/plugins/line_breaker.min.js"></script>-->
    <!--<script src="../froala_editor_2.7.0/js/plugins/link.min.js"></script>-->
    <!--<script src="../froala_editor_2.7.0/js/plugins/lists.min.js"></script>-->
    <!--<script src="../froala_editor_2.7.0/js/plugins/paragraph_format.min.js"></script>-->
    <!--<script src="../froala_editor_2.7.0/js/plugins/paragraph_style.min.js"></script>-->
    <!--<script src="../froala_editor_2.7.0/js/plugins/print.min.js"></script>-->
    <!--<script src="../froala_editor_2.7.0/js/plugins/quick_insert.min.js"></script>-->
    <!--<script src="../froala_editor_2.7.0/js/plugins/quote.min.js"></script>-->
    <!--<script src="../froala_editor_2.7.0/js/plugins/save.min.js"></script>-->
    <!--<script src="../froala_editor_2.7.0/js/plugins/special_characters.min.js"></script>-->
    <!--<script src="../froala_editor_2.7.0/js/plugins/table.min.js"></script>-->
    <!--<script src="../froala_editor_2.7.0/js/plugins/url.min.js"></script>-->
    <!--<script src="../froala_editor_2.7.0/js/plugins/video.min.js"></script>-->
    <!--<script src="../froala_editor_2.7.0/js/plugins/word_paste.min.js"></script>-->
    <!--<script src="../froala_editor_2.7.0/js/third_party/spell_checker.min.js"></script>-->
    <!--<script src="../froala_editor_2.7.0/js/languages/zh_cn.js"></script>-->


    <script type="text/javascript" src="js/bootstrap.js" ></script>
    <script type="text/javascript" src="js/common.js"></script>
    <script type="text/javascript" src="js/Detail.js"></script>
</body>
</html>